<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>统采商城 - 管理登入</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="author" content="闲茶良味 QQ:106079595" />
	<meta name="keywords" content="系统定制,APP开发,微信小程序开发,微信公众号开发,支付宝小程序开发,网站开发" />
	<meta name="description" content="浙江木头网络科技有限公司是一家专业的系统开发公司，研发项目有APP,微信小程序,微信公众号,支付宝小程序,网站,ERP,OA,CRM等，欢迎大家咨询定制。" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/css/admin/all.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/css/admin/app.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/css/admin/sweet-alert.css">
	<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/js/admin/jquery-1.9.0.min.js"></script>
	<style>
		/* 登入页面 */
		canvas{position: absolute;  top:0;  left:0;  z-index:-1;}
		#container canvas {position: absolute;right: 32px;top: 182px;z-index: 99;left: auto;width: 35%;height: 31px;}
		body{position: relative; height: 100vh;background-image: url('/static/all/back.jpg');background-repeat: no-repeat;background-position: center;background-size: 100%;overflow:hidden;}
		input:focus {outline:none}
		.loginfooter{color: black}
		</style>
</head>
<body>
    <div class="login">
		<div class="img"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/timg.jpg"></div>
        <div class="loginform">
			<h1>统采系统管理登入</h1>
			<h2>Management login</h2>
			<dl>
				<dt>帐&nbsp;&nbsp;&nbsp;&nbsp;号：</dt>
				<dd><input type="text" id="username" class="input" placeholder="请输入管理帐号"></dd>
			</dl>
			<dl>
				<dt>密&nbsp;&nbsp;&nbsp;&nbsp;码：</dt>
				<dd><input type="password" id="password" class="input" placeholder="请输入管理密码"></dd>
			</dl>
			<dl>
				<dt>验证码：</dt>
				<dd><input type="text" id="yzm" style="width: 40%" class="input60" placeholder="请输入验证码">
					<div style="width: 40%; height: 40px; border-radius: 10px; margin: 12px 0 0 0; background: white; text-align: center; line-height: 40px;" class="fr">
						<div id="container" style="width:100%;height: 100%;"></div>
					</div>
				</dd>
			</dl>
			<dl>
				<dt style="color:#999;cursor: pointer;" class="apply">申请开店</dt>
				<dd><button id="dengru" type="button">立刻登入</button></dd>
			</dl>
			<a href="#"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/qrcode.jpg" class="qrcode"></a>
		</div>
	</div>
	<!-- <a href="#"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/logo-7.png" class="loginlogoright" alt="浙江木头网络科技有限公司"></a> -->
	<a href="#"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/logo-5.png" class="loginlogoleft" alt="客人的程序名称"></a>

	<div class="loginfooter">TEL: 18057600185 <!-- WECHAT: jtys114 --><br>ADDRESS: 浙江省台州市路桥区浙江省台州市路桥区台州国际塑料城<br><a href="https://beian.miit.gov.cn/#/Integrated/index">浙ICP备17029717号</a></div>
	<style type="text/css">
		.qr{width: 100vw;height: 100vh;background:rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 11;display: none;}
		.qr div{position: absolute;width: 300px;height: 300px;left: calc(50% - 150px);top:calc(50% - 150px);z-index: 12 ;padding: 10px;border-radius: 8px;}
		.qr div img{width: 100%;height: 100%;}
	</style>
	<div class="qr">
		<div>
			<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/img/qr.png">
		</div>
	</div>
<!-- <script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/js/admin/three.min.js"></script> -->
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/js/admin/login.js"></script>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/yzm.js"></script>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/sweet-alert.min.js"></script>
<script type="text/javascript">
	$('.apply').click(function(){

		$('.qr').css('display','block')
	})
	$('.qr').click(function(){
		$('.qr').hide()
	})
	var verifyCode = new GVerify({
        id:"container",
        type:"number"
	});
</script>
<script type="text/javascript">
	$('#dengru').click(function(){
	var username=$('#username').val()
	var password=$('#password').val()
	if(!username){
		swal("请输入管理账号")
		return false
	}
	if(!password){
		swal("请输入管理密码")
		return false
	}
    var code=$('#yzm').val();
    var res=verifyCode.validate(code);
    if (res==false){
    	swal("验证码错误")
    	return false
    }else{
        $.ajax({
            url:window.location.href,
            data :{username:username,password:password},
            type : 'post',
            success:function(res){
	        	if (res.status==1){
            		if(res.gid==0){
	            	  window.location.href='/admin/index/index'
	            	}else{
	            	  window.location.href='/admin/index/chart'
	            	}
	            }else{
	            	swal("账号或密码错误")
	            }
            }
        })
      }  
    })
</script>
<script></script>
</body>
</html>